﻿body { font-size: 14px; color: #333333; min-height: 100vh; -webkit-overflow-scrolling: touch; font-family: 微软雅黑, Microsoft Yahei, PingFangSC-Regular, Helvetica Neue }
* { border: none; margin: 0; padding: 0; vertical-align: baseline; }
body, html, li, p, ul { margin: 0; padding: 0 }
html { height: 100% }
li { list-style: none }
a { text-decoration: none;color:#333333;}
/**网站图标**/
@font-face {
  font-family: 'iconfont';
  src: url('font/iconfont.eot');
  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
      url('font/iconfont.woff2') format('woff2'),
      url('font/iconfont.woff') format('woff'),
      url('font/iconfont.ttf') format('truetype'),
      url('font/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 14px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.wap{display:none;}
/*网站主体开始*/
.container, .main, body { background: #f2f2f2; }
.container .main { display: -webkit-box; display: flex; position: relative; -webkit-box-orient: vertical; flex-direction: column; -webkit-box-pack: center; justify-content: center; margin-left: 240px }
.main #mainContent { margin: 0 auto; width:1280px; }
/*左侧*/
.left-bar { width: 240px;height: 100vh; background: #333333; box-sizing: border-box; flex-direction: column; color: #999999;position: fixed; padding: 0 20px; z-index: 999;  }
.sitename {  font-size: 18px; height: 50px; line-height: 50px;text-align: center; overflow: hidden; }
.sitename a { color: #fff; }
.sitename button{display: none;}
.logo {height: auto; overflow: hidden; vertical-align: middle;display: block;}
.logo img { width: 200px; height: auto;vertical-align: middle; }
/*搜索*/
.search { margin-bottom: 20px; }
.search .s { float: left; border: 1px solid #ddd; height: 28px; padding: 3px 5px; border-radius: 3px 0 0 3px; border-right: none; width: 150px; box-sizing: border-box;}
.search .submit { background-color: #888888; height: 28px; width:50px;text-align: center; border-radius: 0 3px 3px 0; color: #fff; cursor: pointer; }
.search .submit:hover { background-color: #777777; }
/*登陆*/
.login{text-align: center;margin-bottom: 20px;}
.login .loginb{border:1px solid #999999;margin:0 10px;border-radius:3px;line-height:24px;height:24px;}
.login a{color:#999999;padding:0 10px;}
.login a:hover{color:#ffffff;}
.login p{color:#666666;line-height:24px;}
/**网站导航栏**/
.nav .item { height: 48px; line-height: 48px; border-top: 2px solid hsla(0,0%,100%,.04); }
.left-bar .nav .item.msg-board { position: fixed; z-index: 100; bottom: 1px; width: 200px; }
.nav .item i { color: #999999;  padding-right: 15px }
.nav .item a {color: #fff }

#nav li span:before {content: "\e7b1";}
#nav li span.arrowup:before {content: "\e7b2"!important;}
#nav li { line-height: 24px;margin:10px 0;position:relative;}
#nav li span{ float:right;width:24px;line-height:24px;text-align: right;padding-right:4px;cursor: pointer;}
#nav li a { text-decoration: none;  color: #999999 }
#nav li i { padding-right: 15px; }
#nav li a:hover { color: #fff }
#nav li a.cur { color: #fff }
#nav li ul { display: none; position:absolute;width:200px;background: #ffffff; z-index: 999;padding:5px 15px;border-radius: 0 3px 3px 0; top:-50%;right:-220px;box-shadow: 1px 2px 3px #ebebeb; transition: all .3s ease}
#nav li ul li { line-height: 24px; }
#nav li ul li a{  color:#333333;}
#nav li ul li a:hover{  color:#5781bf;}
#nav li ul li a.cur{  color:#5781bf;}
/***.left-bar .nav { flex: 1;  -webkit-overflow-scrolling: touch; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }***/
.left-bar .nav .category-nav, .left-bar .nav .item { position: relative }
.left-bar .nav li, .left-bar .nav ul { box-sizing: border-box; }
/*文章翻页*/
.pagebar { clear: both; margin: 10px 20px 5px 20px;  display: block; text-align: center; overflow: hidden; }
.pagebar a, .pagebar span.now-page { display: inline-block; padding: 4px 10px; border: 1px solid #ddd; border-radius: 2px; font-size: 14px; color: #888; margin: 2px; }
.pagebar a:hover, .pagebar span.now-page { border-color: #5781bf; color: #5781bf; }
.pcyc { display: none }
/**轮播图**/
.slidebox{position:relative;width:100%;margin:20px 0;}
.slidebox .prev{left:0}
.slidebox .next{right:0}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0}
.rslides li:first-child{position:relative;display:block;float:left}
.rslides img{display:block;height:auto;float:left;width:100%;border:0}
.rslides p{display:block;position:absolute;z-index:2;font-size:16px;text-align: center;text-shadow:none;color:rgba(255,255,255,.8);background:rgba(0,0,0,.2);left:0;right:0;bottom:0;padding:10px 15px;margin:0;max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rslides_nav{font-size:20px;position:absolute;top:50%;z-index:9;line-height:50px;height:50px;width:30px;text-align:center;margin-top:-25px;vertical-align:middle;cursor:pointer;background:rgba(0,0,0,.1)}
.rslides_nav span{display:block;color:rgba(255,255,255,.8)!important;margin-right:0!important}
/*提交收录插件*/
.hnysweb-box p{margin:15px 0;}
.hnysweb-box span.title{font-size:14px;font-weight: bold;}
.hnysweb-box input{border: 1px solid #eaeaea;line-height:29px;margin-top:5px;padding:0 5px ;}
.hnysweb-box .btn{background:#3a6ea5;color:#ffffff;padding:0 15px;cursor:pointer; }
.z_title , .z_meta{width:100%;box-sizing:border-box;}
.z_vcode{width:100px;}
.ccode{position:relative;top:-2px;height:31px;}
.uploadimg {position:relative;}
.uploadimg input{padding:0 70px 0 4px;}
.uploadimg .opt{position: absolute;right:0;top:31px;padding:0 5px;cursor:pointer; border-left:1px solid #cccccc;}
.hnysweb-box select {border: 1px solid #eaeaea;line-height:28px;height: 28px;font-size:14px;margin-top:5px;}
.hnysweb-box button { background-color: #5781bf; border: 0; border-radius: 4px; padding: 0 20px; line-height: 36px; color: #fff; font-size: 14px;cursor:pointer; }
.hnysweb-box button:hover{ background-color: #6b90c7;}
.edui-default .edui-editor{box-sizing:border-box;margin-top:5px;}
.bodytext  .edui-editor div {line-height:100%;margin:0;}
/*注册样式*/
.regpage span{font-size:14px;font-weight: bold;}
.regpage input{border: 1px solid #eaeaea;width:100%;padding:0 10px;line-height:29px; margin-top:5px;box-sizing: border-box;}
/*评论*/
.compost { margin: 15px 0 }
.compost .com_name span{ margin-right:10px; overflow: hidden; color: #5781bf }
.compost .com_name a { color: #5781bf }
.compost .com_box { margin-bottom: 15px }
.compost .com_box textarea { width: 100%; border: 1px solid #ddd;padding:10px; display: block; box-sizing: border-box; }
.compost .com_info { margin-top: 15px; overflow: hidden; }
.compost .com_info ul { float: left; list-style: none; display: inline-block }
.compost .com_info li { float: left; margin: 0 15px 15px 0 }
.compost .com_info li input { width: 160px; height: 30px; line-height: 30px; padding-left: 4px; border: 1px solid #ddd }
.compost .com_info li span { margin-left: 4px }
.compost .com_info li span img { height: 30px; line-height: 30px; vertical-align: top }
.compost .com_info button { background-color: #5781bf; border: 0; border-radius: 3px;  padding: 8px 20px; color: #fff; cursor: pointer; }
.compost .com_info button:hover { background: #6b90c7 }
.comlist ul { list-style: none; border-top: 1px solid #ededed }
.comlist ul.bordertop {}
.comlist ul ul { margin-left: 5% }
.comlist li { overflow: hidden; padding: 15px 0 }
.comlist li img{float:left;width:40px;height:40px;border-radius:50%;transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}
.comlist li:hover img {transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);}
.comlist li .clbody { margin-left: 50px }
.clbody .cinfo { overflow: hidden }
.clbody .cinfo h5 { float: left; height: 18px; line-height: 18px; color: #5781bf; font-size: 14px; font-weight: 400 }
.clbody .cinfo span { float: right;  }
.clbody .cinfo span a { color: #5781bf }
.clbody em { color: #888; height: 24px; line-height: 24px; font-size: 12px; font-style: normal; display: block }
.clbody p { line-height: 24px; color: #4a4a4a; overflow: hidden }
.clbody p a { color: #5781bf }

/*当前分类子分类*/
.navlower { margin-right:-2%; font-size:16px;}
.navlower li { display: inline-block;margin-right:2%; line-height: 40px;height: 40px;}
.navlower li i { padding-right: 5px; font-size: 16px; }
.navlower li a {  color: #333333; }
.navlower li a:hover{ color: #4CAF50; }
.navlower li a.cur{ color: #4CAF50; }
.navlower  .lower{ float:left;margin-right:15px; line-height: 40px; }
/**分类摘要**/
.abstract{background: #d9edf7;color:#3a87ad;border-radius: 5px; padding:10px 15px;margin:10px 0;line-height:24px;}
/*友情链接*/
.flink {margin-right:-2%;}
.flink li { float:left;margin-right:2%; line-height: 40px;height: 40px; }
.flink li i { padding-right: 5px;font-size:14px; }
.flink li a {color: #333333; 
}
@media (min-width:481px) {
.main .spm .item:hover { transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); box-shadow: 0 26px 40px -24px rgba(0,36,100,.3); -webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,.3); -moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.3); transition: all .3s ease }
}

.picture { height: auto; overflow: hidden; margin-right:-2%; vertical-align: middle;}
.picture img { width: 31.33%;float: left; height: auto; margin-right:2%; vertical-align: middle;margin-top:20px;}
/*右侧主体部分*/
.spm { overflow: hidden; background: #fff; margin: 20px 0; padding:25px 25px 15px 25px }
.spm h3{     font-size: 18px;
    line-height: 18px;
    margin-bottom: 10px;
    font-weight: normal; }
.spm h3 i {
    font-size: 18px;
    margin-right: 5px;
}
.spm h3 span{
    float:right;font-size: 14px;
}
.spm h3 span a{color:#888888;}
/*网址列表*/
.weburl , .qrcode , .catelist{margin-right:-2%;overflow:hidden; }
.weburl li:hover , .qrcode li:hover{ transform: translateY(-6px); -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); box-shadow: 0 26px 40px -24px rgba(0,36,100,.3); -webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,.3); -moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.3); transition: all .3s ease }
.weburl li{ float: left; border-radius: 6px; background: #fff; padding: 10px 0; width: 23%;margin:10px 2% 10px 0;overflow: hidden; border: 1px solid #f2f2f2; box-shadow: 1px 2px 3px #ebebeb;box-sizing: border-box;}
.weburl li h2 { font-size: 14px;line-height: 36px; font-weight: 700; color: #333333;  padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.weburl li .desc { line-height: 20px;height:40px;padding:0 15px;margin:5px 0 3px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical ; color:#333333; }
.weburl li .logo { height: 40px; position: relative; font-size: 14px;padding: 0 15px; font-weight: 700; color: #333333;display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.weburl li .logo a { display: inline-block; width: 100% }
.weburl li .logo img { width: 40px; height: 40px; border-radius: 50%; vertical-align: middle; margin-right: 5px; }
.weburl_jian{margin-right:-2%;}
.weburl_jian li { float:left;margin-right:2%; line-height: 40px;height: 40px;width:14.66%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.weburl_jian li i{ margin-right:5px;}
.weburl_jian li img {width: 16px;height: 16px;object-fit: cover;margin-right: 5px;top: 2px;position: relative;}
/*微信二维码列表*/
.qrcode li{ float: left; text-align: center; border-radius: 6px; background: #fff; padding:5px 0;margin:10px 0;width: 23%;margin-right:2%;overflow: hidden; border: 1px solid #f2f2f2; box-shadow: 1px 2px 3px #ebebeb;box-sizing: border-box;}
.qrcode li h2 { font-size:16px;color:#333333;line-height: 40px; height: 40px;padding:0 15px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.qrcode li .logo { height: auto; padding: 0 ;display:block;vertical-align: middle;}
.qrcode li .logo img { width: 150px; height: 200px; vertical-align: middle;}
.qrcode li .desc { line-height: 40px;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#333333; padding:0 15px;}
/*文章列表*/
.catelist li { float:left;width: 48%; margin-right: 2%;line-height: 40px; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;}
.catelist li a { color: #333333; }
.catelist li span { float: right; color: #888888; font-size: 12px; }
.catelist li:hover , .weburl_jian li:hover { padding-left:5px; transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;-o-transition: all .3s ease;} 
/*当前位置*/
.breadcrumb{font-size: 14px;line-height: 14px;margin-bottom: 15px;}
.breadcrumb i{padding:0 8px;}
/**文章主体**/
.content h1 { font-size: 20px; line-height: 36px; text-align: center; }
.content .info { font-size: 14px; line-height: 36px; border-bottom: 1px solid #ddd; text-align: center;margin-bottom:15px; }
.content .clogo { width: 150px; height: 200px;float: right; margin-left: 10px;  }
.content .clogo img { width: 150px; height: 200px; vertical-align: middle; border: 0; }
.content .desc {margin-bottom:15px;}
.content .desc h1 {text-align: left; }
.content .desc p {font-size: 14px; line-height: 28px; }
.content .desc .oclink { line-height:37px;  overflow:hidden; margin:10px 0 15px 0;}
.content .desc .oclink a { background-color: #5781bf; border: 0; border-radius: 3px; padding: 8px 20px; color: #fff;}
.content .desc .oclink a:hover { background-color: #6b90c7; }
.content .description { font-size: 18px; line-height: 40px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
.bodytext p ,.bodytext div { line-height: 150%;margin-bottom:15px; }
.bodytext h2,.bodytext h3,.bodytext h4,.bodytext h5{border-bottom:0;font-weight:400;border-left:3px #dd3c3c solid;background:#f2f2f2;line-height:150%;padding:5px 25px 5px 25px;margin:0 -25px 15px -25px}
.bodytext img { border: 0; max-width: 100%!important; height: auto!important; }
.bodytext iframe{width:100%!important;}
.bodytext table{border-collapse:collapse;width:100%;margin:10px 0;}
.bodytext section{width:100%!important}
.bodytext table td{padding:10px;line-height:150%;vertical-align: middle;border:1px solid #ddd;}
.bodytext table td input{line-height:150%;vertical-align: middle;border:1px solid #ddd;width:75%!important;}
.tags , .post-nav {margin-top:15px;overflow: hidden;}
.tags a{color:#5781bf;padding:5px 12px;background:#edf1f8;line-height:40px;border-radius:5px;margin-right:15px;}
.tags a:hover{background:#d8e6f3;}
.post-nav p{line-height:24px;}
/**网站底部**/
.fb45{height:45px;overflow: hidden;}
.footer {  padding: 10px 0; background: #fff;color: #666666; font-size: 12px ; width:100%;}
.footer p {padding-left:30px; line-height: 24px;}
.footer a { text-decoration: none; color: #5781bf }
.pf{position: fixed;bottom: 0;z-index:99;}
@media screen and (max-width:1600px){
.main #mainContent {width:980px; }
.weburl li , .qrcode li{width:23%;}
}
@media screen and (max-width:1280px){
.silder-ctrl-con{display:none}
.silder-ctrl-next,.silder-ctrl-prev{display:block;}
.main #mainContent {width:680px; }
.weburl , .qrcode , .weburl_jian {margin-right:-3%;}
.weburl li , .qrcode li{width:30.333%;margin-right:3%;}
.weburl_jian li { width:22%;margin-right:3%;}
.catelist { margin-right: 0;}
.catelist li{ width:100%;}    
}
@media screen and (max-width:980px){
.main #mainContent {width:480px; }
.weburl , .qrcode , .weburl_jian {margin-right:-5%;}
.weburl li , .qrcode li{width:45%;margin-right:5%;}
.weburl_jian li { width:28.33%;margin-right:5%;}
.picture { margin-right:0; margin-top:0;}
.picture img { width: 100%; margin-right:0;margin-top:20px; }
}
@media screen and (max-width:760px){
.wap{display:block;}
.pc{display:none;margin:0;}
.logo {height: auto; overflow: hidden; vertical-align: middle;display: none;}
.sitename {font-size: 16px;text-align:left;}
.main #mainContent { width:100%; }
.sitename button{float:right;width:40px; height: 50px;line-height: 50px;display: block;background: transparent;color:#fff;border:0; outline:none;}
.login {position:absolute;top:50px;left:0;right:0; background: #555555;padding:4%;margin-bottom:0;display:none;}
.search {width: 100%;position:absolute;top:50px;left:0;right:0; background: #555555;padding:4%;margin-bottom:0;display:none;}
.search .s { float: left;  width: 80%; }
.search .submit { background-color: #888888; width: 12%;}  
.nav .item {display: none; }
.left-bar { width: 100%;height: 50px;position: fixed; top:0; padding: 0 10px 0 20px;}
.left-bar .nav{ width: 100%;background: #555555;position:absolute;top:50px;left:0;right:0;display:none;overflow:auto;z-index: 999;max-height: 85vh;}
#nav li span:before {content: "\e712";}
#nav li span.arrowup:before {content: "\e6a9"!important;}
#nav li { padding:0 20px;}
#nav li ul { display: none; position:static;width:100%;background: #666666; padding:8px 15px;border-radius: 3px; margin-top:7px;left:0;right:auto;box-shadow: 0px 0px 0px #ebebeb; }
#nav li ul li {padding:0;}
#nav li ul li a {color: #999999;}
#nav li ul li { line-height: 24px;margin:5px 0;}
.container .main {margin: 50px 0 0 0 }
.bodytext table td input{width:100%!important;margin-bottom:10px;}

.picture { margin-top:0px;}
.footer p { padding:0 25px;}
/**图片提交自适应**/
.edui-default .edui-dialog-body {width: 320px!important;height: auto!important;}
.edui-default .edui-for-insertimage .edui-dialog-content {max-width: 320px!important;height: 300px!important;}
}
@media screen and (max-width:480px){
.rslides p{font-size:12px;padding:5px 15px}
.spm{padding: 20px 15px 10px 15px;}
.spmtwo .weburl{margin-right:0!important;}
.spmtwo .weburl li {width:100%!important;}
.spm .weburl_jian li { width:45%;}
.bodytext h2,.bodytext h3,.bodytext h4,.bodytext h5{padding:5px 15px 5px 15px;margin:0 -15px 15px -15px}
}
*{margin:0;padding:0;outline:0;}
.search_box{border:1px solid #ccc;margin:50px 10px;}
.search_fl{overflow:hidden;}
.search_txt{width:100%;border:0;height:26px;padding:2px 0 2px 5px;}
.btn{background:#ccc;border:0;width:50px;height:30px;float:right;}
/*--------------SLIDER----------------*/
#slider {
	width: 100%;
	margin: 0 auto;
}



/*--------------CONTROLS--------------*/

/*position controls*/
.controls li {
	top: 50%;
	margin-top: -30px;
}

.controls li:nth-child(1) {
	left: 0;
}

.controls li:nth-child(2) {
	right: 0;
}


/*------------PAGINATION------------*/

/*style pagination*/
.pagination li {
	background-color: #ddd;
}

.pagination li.active {
	background-color: #000;
}


/*-------------HELPERS----------------*/

.responsive {
	width: 100%;
	height: auto;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
img {
	display: inline;
}


/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 0 0 10px; }
.pagelist a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #F7F7F7; display: inline-block; }
.pagelist a:nth-child(1) { background: none; margin: 0; padding: 0 50px 0 0; position: relative }
.pagelist a:nth-child(1):after { position: absolute; content: "个视频"; right: 0; bottom: 0 }
.pagelist a:nth-child(1):hover { background: none; color: #666 }
.pagelist a:hover, .pagelist > b { color: #3690cf; color: #FFF; background: #1C2327; }
.pagelist > b { padding: 5px 10px; }
a.curPage { color: #ffffff; font-weight: bold; background: #000; }
/*pagelist-end*/
